<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 3.登入页面
用户名输入框，
密码输入框，
提交按钮 -->
		<caption>登录页面</caption>
		<br />
		<!-- 获取焦点 onfocus -->
		<!-- 失去焦点 onblur -->
		用户名：<input type="text" id="username" value="" onfocus="FoucusNew()" onblur="blurNew()"/>
		<br />
		密码:<input type="password" id="pwd" value="" onfocus="FoucusPwdNew()" onblur="blurPwdNew()" />
		<br />
		<button type="submit" onclick="IsSumbit()">提交</button>
		
		
		
	</body>
	<script type="text/javascript">
		//获取焦点的函数
		function FoucusNew(){
			console.log('用户正在输入中')			
		}
		//失去焦点的函数
		function blurNew(){
		    //设置一个变量 存放用户输入的数据
			var name=document.getElementById('username')
			if(name.value == '')
			{
				alert('用户名没有输入！')
			}	
		}
		function FoucusPwdNew(){
			console.log('用户在输入密码')			
		}
		function blurPwdNew(){
		    //设置一个变量 存放用户输入的数据
			var NewPassword=document.getElementById('pwd')
			if(NewPassword.value == '')
			{
				alert('密码没有输入！')
			}	
		}
		//判断用户是否填入数据
		function IsSumbit(){
			if(username.value =='' && pwd.value == '')
			{
				alert('用户名和密码没有输入！')
			}else if(username.value == ''){
				alert('用户名没有输入！')
			}else if(pwd.value == ''){
				alert('密码没有输入！')
			}else
			{
				console.log('输入成功')
			}
		
		}
		
	</script>
	
	
</html>
